<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <link rel="stylesheet" href="index.css" /> -->
<title>有缝滚动</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
 <div style="border:3px solid green;width:400px;height:260px;margin:200px auto;" id="nav">
 	<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="200" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
 	<ol class="nav_lv2">
 		<li><a href="">新闻1</a></li>
 		<li><a href="">新闻2</a></li>
 		<li><a href="">新闻3</a></li>
 	</ol>
 </marquee>
<!--  注释：
onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动

behavior
设定滚动的方式：
alternate： 表示在两端之间来回滚动。
scroll： 表示由一端滚动到另一端，会重复。
slide：  表示由一端滚动到另一端，不会重复。

direction
设定活动字幕的滚动方向

height
设定活动字幕的高度

width
设定活动字幕的宽度

hspace
设定活动字幕里所在的位置距离父容器水平边框的距离

vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离

loop
设定滚动的次数，当loop=-1表示一直滚动下去，默认为-1

scrollamount
设定活动字幕的滚动速度，单位pixels

scrolldelay
设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒）
值大了会有一步一停顿的效果 -->

 </div>
</body>
</html>
